.search-button {
  position: relative;
  width: 34px;
  height: 34px;
  margin-right: 5px;
  background-color: var(--bl);
  box-shadow: 1px 1px 8px var(--bll);
}

.search-button::before {
  background-image: radial-gradient(circle, #5c5c5cd9 20%, transparent 20%),
    radial-gradient(circle, transparent 20%, #5c5c5cd9 20%, transparent 30%),
    radial-gradient(circle, #5c5c5cd9 20%, transparent 20%),
    radial-gradient(circle, #5c5c5cd9 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, #5c5c5cd9 15%, transparent 20%),
    radial-gradient(circle, #5c5c5cd9 20%, transparent 20%),
    radial-gradient(circle, #5c5c5cd9 20%, transparent 20%),
    radial-gradient(circle, #5c5c5cd9 20%, transparent 20%),
    radial-gradient(circle, #5c5c5cd9 20%, transparent 20%);
}

.search-button::after {
  background-image: radial-gradient(circle, #5c5c5cd9 20%, transparent 20%),
    radial-gradient(circle, #5c5c5cd9 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, #5c5c5cd9 15%, transparent 20%),
    radial-gradient(circle, #5c5c5cd9 20%, transparent 20%),
    radial-gradient(circle, #5c5c5cd9 20%, transparent 20%),
    radial-gradient(circle, #5c5c5cd9 20%, transparent 20%),
    radial-gradient(circle, #5c5c5cd9 20%, transparent 20%);
}

.search-button:active {
  background-color: var(--bd);
  box-shadow: 0 2px 25px var(--bl);
}

.search-box {
  position: fixed;
  bottom: 25px;
  right: 85px;
  display: inline-flex;
  align-items: flex-end;
  z-index: 999;
}

.search-box .ant-input {
  padding: 0;
}

.search-box .ant-select-auto-complete {
  transition: width 300ms ease;
  will-change: width;
}

.ant-select-dropdown-menu::-webkit-scrollbar {
  display: none;
}
